<template>
<div>
    <Table ref="table" border :columns="columns4" :data="data.data">

    </Table>
</div>
</template>

<script>
export default {
    props:['data'],
    data() {
        return {
            columns4: [{
                    title: '序号',
                    type: 'index',
                    width: 80,
                    align: 'center'
                },
                {
                    type: 'selection',
                    width: 80,
                    align: 'center'
                },
                {
                    title: '广告名称',
                    key: 'name',
                    align: 'center'
                },
                {
                    title: '尺寸',
                    key: 'size',
                    align: 'center'
                },
                 {
                    title: '添加日期',
                    key: 'time',
                    align: 'center'
                },
                {
                    title: '操作',
                    key: 'action',
                    align: 'center',
                    render:(h,params)=>{
                       let edit = h('Button', {
                            attrs: {
                                type: 'warning'
                            },
                            style: {
                                marginRight: '5px'
                            },
                            on: {
                                click: ()=> {
                                    this.$emit('on-action', 'edit', params.row)
                                }
                            }
                        }, '修改')

                       let del = h('Button',{
                           attrs:{
                               type:'error'
                           },
                           style:{
                               marginRight:'5px'
                           },
                           on:{
                               click:() =>{
                                   this.$emit('on-action','del',params.row)
                               }
                           }
                       },'删除')
                          return h('div', [edit, del])
                    }
                },

            ],
           
        }
    },
}
</script>

<style>

</style>
